<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<head>
    <title>用户新增</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css"
          rel="stylesheet"/>
    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
</head>
<body>
<div class="col-sm-12">
    <form class="form-horizontal m-t" id="form" method="post"
          action="${pageContext.request.contextPath}/admin/sysopt_add.action">
        <div class="form-group">
            <label class="col-sm-3  control-label"><i class="require">*</i>账号:</label>
            <div class="col-sm-8">
                <input class="form-control" name="userName" id="userName" size="30"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3  control-label"><i class="require">*</i>姓名:</label>
            <div class="col-sm-8">
                <input class="form-control" name="uname" size="30"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3  control-label"><i class="require">*</i>密码:</label>
            <div class="col-sm-8">
                 <input class="form-control" type="password" name="passwd" size="30"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3  control-label">手机:</label>
            <div class="col-sm-8">
                <input class="form-control" name="tel" size="30"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3  control-label">联系地址:</label>
            <div class="col-sm-8">
                <input class="form-control" name="addr" size="30"/>
            </div>
        </div>
        <div class="form-group">
               <label class="col-sm-3  control-label"><i class="require">*</i>状态:</label>
            <div class="col-sm-8">
                <select name="status" class="form-control">
                    <option value="1">激活</option>
                    <option value="0">禁止</option>
                </select>
            </div>
        </div>
        <c:if test="${userRole == 1}">
	        <div class="form-group">
	               <label class="col-sm-3  control-label"><i class="require">*</i>级别:</label>
	            <div class="col-sm-8">
	                <select name="rLevel" class="form-control">
	                    <option value="5">区域主管</option>
	                    <option value="1" selected>普通管理员</option>
	                </select>
	            </div>
	        </div>
        </c:if>
        <div class="form-group">
            <label class="col-sm-3  control-label"><i class="require">*</i>选择角色:</label>
            <div class="col-sm-8">
                <select name="roles" id="roles" multiple="multiple"></select>
            </div>
        </div>
    </form>
</div>

<script type="text/javascript">
    $(function () {
        $.post("${pageContext.request.contextPath}/admin/role_list.action", function (data) {
            $("#roles").append("<option value=''>选择角色</option>");
            for (var i = 0; i < data.length; i++) {
                $("#roles").append("<option value='" + data[i].sid + "'>" + data[i].rName + "</option>");
            }
            $("#roles").select2({
                placeholder: "请选择或输入角色",
                width: "100%",
            })
        }, "json");
    })
</script>
</body>
</html>
